﻿@charset "utf-8";
/* CSS Document */
/*全局css样式*/
*{margin:0px auto;padding:0px;font-family:"微软雅黑";background-repeat:no-repeat }
div{margin:0 auto; padding:0;text-align:left; background-repeat:no-repeat}
img{ border:0;}
ul{ list-style:none;}
li{ text-decoration:none;}
.clear{ clear:both;}
a{ text-decoration:none;  list-style:none}
.gbb_content_area ,.lf_content_area{ width:1200px; height:100%; text-align:center; margin:0 auto; padding:0;}


/*所有展示css特效*/


/*top*/
.gbb_top{ width:100%; margin:0 auto; padding:0; height:221px;background:url(../images/chr_01.jpg) top repeat; /*float:left; background:url(../images/b1.jpg) center no-repeat;*/  }
.gbb_top_bian{ height:50px; text-align:left;  line-height:50px;}
.gbb_top_bian p{font-size:16px; color:#000; margin-right:10px;}
.gbb_top_bian p a{ font-size:16px; color:#000;}
.gbb_top_bian p a:hover{ color:#1e50ae;}

.gbb_logo{ width:762px; float:left; height:159px;}
.gbb_tel{ width:438px; height:159px; float:right; }
.gbb_nav{ width:1200px; float:left; height:62px;}


.top_nav { width:100%; margin:0 auto; }
.top_nav ul{ width:100%; margin:0 auto;}
.top_nav ul li {width:150px;height:62px;line-height:62px;text-align:center; float:left; list-style: none; }
.top_nav ul li a {color: #000;float: left;font-size: 16px; font-weight:400;height:62px;line-height:62px;text-align:center; width:150px;}
.top_nav ul li a:hover{font-weight:500; color:#4ab344;}


.top_nav1 { width:100%; margin:0 auto; }
.top_nav1 ul{ width:100%; margin:0 auto;}
.top_nav1 ul li {width:150px;height:100px;line-height:100px;text-align:center; float:left; list-style: none; }
.top_nav1 ul li a {color: #fff;float: left;font-size: 16px; font-weight:400;height:100px;line-height:100px;text-align:center; width:150px;}
.top_nav1 ul li a:hover{font-weight:500; color:#a11216;}


/*banner*/
.gbb_banner{ width:100%; height:100%; height:650px; margin:0 auto; padding:0; }

.banner{ width:100%; height:650px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:650px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:650px; float:left;}
.b-list{ height:50px; padding-top:610px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #4ab344;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:185px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:185px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*main*/
.gbb_main{ width:100%; margin:0 auto; padding:0; }
.line1,line2,line3,line4,line5,line6,line7{width:100%; height:100%; text-align:center; margin:0 auto; padding:0;}

/*公告*/



.line1{ height:1257px; margin: auto; background:url(../images/chr_05.jpg) no-repeat center;}
.line1_t{ width:100%; height:196px;}
.line1_t img{margin: 0 auto;}
.line1 .img_ct{ height:50px; float:left; margin-top:20px;}
.line1 .img_ct_1:hover img{ margin-top:-5px;}
.line1 .img_ct_2:hover img{ margin-top:-10px;}
.line1 .img_ct_3:hover img{ margin-top:-5px;}
.line1 .img_ct_4:hover img{ margin-top:-10px;}
.line1 .img_ct_5:hover img{ margin-top:-5px;}
.line1 .img_ct_6:hover img{ margin-top:-10px;}
.line1 .img_ct_7:hover img{ margin-top:-5px;}
.line1 .img_ct_8:hover img{ margin-top:-10px;}
.line1_zs{ height:850px; padding-top:150px;}

.line2{ height:300px; margin:0 auto; background: url(../images/chr_08.jpg) no-repeat center; margin-top:20px; }

.line3{ height:750px; margin:0 auto; background: url(../images/chr_07.jpg) no-repeat center; }
.line3_con{ height:500px; padding-top:80px;}
.line3_l{ width:500px; float:left}
.line3_r{ width:600px;float:right; text-indent:2em; color:#fff; line-height:40px; font-size:18px;}

.line4{ height:654px; margin:auto; background:url(../images/chr_11.jpg) no-repeat center;}
.line4_news{ height:420px; margin-top:30px;}

.line5{ height:488px; margin:auto; background:url(../images/chr_09.jpg) no-repeat center;}
.line5_case{ height:280px; margin-top:20px;}


/*footer*/
.gbb_footer{ height:326px; background-image:url(../images/chr_10.png); background-repeat:repeat-x}
.linef_t{ }
.linef_l{ width:600px; float:left;}
.linef_l img{  margin-left:200px;}
.linef_r p{ color:#fff; font-size:16px; line-height:30px;} 


/*固定调用格式*/


/*内页框架*/


.lf_nei_kuozhan{ height:35px; background-color:#F2F2F2; line-height:35px; font-size:14px}
.lf_nei_kuozhan td{ text-indent:1em}
.lf_nei_kuozhan td a{ font-size:13px; text-indent:0.5em; color:#999}

.lf_nei_left{ width:99%; height:100%;text-align:center; }
.lf_nei_left .content h1{ text-align:center; font-size:22px;color: #292929;font-family: "微软雅黑";font-weight: normal;}
.lf_nei_left .content hr{ background-color:#f6f6f6; height:1px; border:none; width:90%; margin-top:15px; margin-bottom:10px;}
.lf_nei_left .content .lf_nei_xinxi{ text-align:center; color:#999}
.lf_nei_left .content .lf_nei_xinxi_content{ text-align:center; line-height:36px; padding-bottom:20px;}
.lf_nei_left .content .lf_nei_xinxi_content img{ text-align:center}

.lf_nei_left p,.lf_nei_left div,.lf_nei_left{ line-height:220%; font-size:15px;}


.lf_nei_left{width:924px;border:0px;margin-bottom:20px; float:left; margin-top:30px;}
.lf_nei_right{ width:238px;border:0px; float:left; margin-right:38px; margin-top:30px;}




/*程序新添方法样式*/

/*横向滚动区域约束1*/
.scroll{width: 1200px;margin: 0 auto;position: relative;overflow: hidden;}
.picbox{width: 1200px;height: 250px;overflow: hidden;position: relative;}
.picbox ul{height:250px;}
.picbox ul li{width: 280px; height:210px; float: left; margin-right:20px}
.picbox ul li img{width: 280px;height: 210px;}
.piclist{position: absolute;left: 0px;top: 0px;}
.piclist li.goodlist{width: 280px; height:210px; float: left; background-color:#CCC; margin:5px; padding:5px;}
.piclist li.goodlist img{width: 280px;height: 210px;}
.swaplist{position: absolute;left: -4800px;top: 0px;}
.og_prev,.og_next{width: 1px;height: 1px;position: absolute;top: 1px;cursor: pointer;}

/*横向滚动区域约束2*/
.scroll1{width: 1200px;margin: 0 auto;position: relative;overflow: hidden;}
.picbox1{width: 1200px;height: 555px;overflow: hidden;position: relative;}
.picbox1 ul{height: 555px;}
.piclist1{position: absolute;left: 0px;top: 0px;}
.piclist1 li.goodlist1{width: 280px; height:240px; float: left; background-color:#CCC; margin:5px; padding:5px;}
.piclist1 li.goodlist1 img{width: 280px;height: 210px;}
.swaplist1{position: absolute;left: -3000px;top: 0px;}
.og_prev1,.og_next1{width: 1px;height: 1px;position: absolute;top: 1px;cursor: pointer;}

/*鼠标经过样式*/
.piclist1 a ol,.piclist a ol{ color:#4ab344; text-align:center; width:280px; line-height:35px; font-size:16px;}
.piclist1 a:hover ol,.piclist a:hover ol{ color:#4ab344}
.piclist1 li.goodlist1:hover,.piclist li.goodlist:hover{background-color:#04A82B;}
.goodlist img,.goodlist1 img{cursor: pointer;  transition: all 0.6s;}  
.goodlist img,.goodlist1 img:hover{transform: scale(1.02);} 

/*横向滚动区域结束*/

/*图片旋转特效*/
ul li a img{-webkit-transition: 0.4s;-webkit-transition: -webkit-transform 0.4s ease-out;transition: transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;}
ul li a:hover img{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);}

/*折叠二级分类样式*/
.menu_list{width:238px;margin:0 auto;}
.menu_head a{height: 51px;line-height: 51px; color: #4ab344;}
.menu_head{height: 51px;line-height: 51px; text-indent:2em;font-size: 15px;color: #4ab344;cursor: pointer;position: relative;margin: 0px;font-weight: bold;background:url(../images/py_22.jpg) center right no-repeat;}
.menu_list .current{background:url(../images/py_20.jpg) center right no-repeat;}
.menu_body{line-height: 38px;}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:38px;color:#4ab344;text-decoration:none;bold;background:url(../images/erji_bg.jpg)}
.menu_body a:hover{text-decoration:none; font-size:18px}

/*图片滚动特效样式，有时可能修改JS文件 ued_common.js   修改约束宽度和高度  */

#scrllbox{ width:1200px; position:relative; overflow:hidden;}					
#pic{ overflow:hidden;position:relative; width:1200px; height:850px;}
#pic .sp{float:left; position:relative; height:260px; overflow:hidden; padding:10px;}
.sp a{ height:260px; margin-top:34px;}
.sp a img{ width:280px; height:210px;}
.sp a ol{ width:280px; height:40px; text-align:center; line-height:40px; color:#4ab344; background-color:#f3f3f3; font-size:15px;}

#scrllbox1{ width:1200px; position:relative; overflow:hidden;}		
#pic1{ overflow:hidden;position:relative; width:1200px; height:523px;}
#pic1 .sp1{float:left; position:relative; height:250px; overflow:hidden; padding:4px;}
.sp1 a{ height:240px; margin-top:34px;}
.sp1 a img{ width:222px; height:172px;}
.sp1 a ol{ width:222px; height:40px; text-align:center; line-height:40px; color:#111; background-color:#f3f3f3; font-size:15px;}

/*-------------------------*/
/***** 鼠标经过图片特效  *****/
/*------------------------*/
.sp a img{cursor: pointer;  transition: all 0.6s;}  
.sp a img:hover{transform: scale(1.02);} 

.sp1 a img{cursor: pointer;  transition: all 0.6s;}  
.sp1 a img:hover{transform: scale(1.02);} 


/*新闻样式*/
.info_list{ width:100%; height:100%;}
.info_list ul{ width:531px; height:100%}
.info_list ul li{width:531px;height:34px;line-height:34px;text-align:left; list-style:none;  background-image:url(../images/hr_20.jpg); text-indent:1em}
.info_list ul li div{width:531px;height:34px;line-height:34px;text-align:left;}
.info_list ul li div a{width:531px;height:34px;line-height:34px;color:#7D7D7D;}
.info_list ul li div a:hover{ color:#FF0000}
.info_title{ width:451px;height:34px;line-height:34px;float:left; text-align:left;}
.info_time{ width:80px;height:34px;line-height:34px; float:left; text-align:left}

/*默认缩略图新闻样式，个数约束以及推荐*/
.info_img_list{ width:1200px; height:300px;}
.info_img_list li{ width:580px; height:125px;list-style:none;float:left; margin-top:50px; margin-left:10px;}
.info_img_list li .img_con{ width:160px; height:118px;float:left; }
.info_img_list li .img_con img{ width:160px; height:118px;}
.info_img_list li .img_con img:hover{width:160px; height:118px;}
.info_img_list li .img_txt{ width:410px; height:125px; float:right; margin-left:4px; margin-top:10px;}
.info_img_list li .img_txt .newz1 a{ height:25px; line-height:25px; font-size:14px;color:#3c661e;width:390px; float:left;}
.info_img_list li .img_txt .newz3 a{ font-size:14px;color:#636363;width:410px; line-height:200%;float:left; margin-top:2px}
.info_img_list li .img_txt .newz2{ font-size:14px;color:#333;width:80px;height:25px; line-height:25px; text-align:left; float:left}

/*默认缩略图新闻样式，个数约束以及推荐*/
.info_img_list1{ width:1200px; height:420px;}
.info_img_list1 li{ width:380px; height:420px;list-style:none; float:left; margin-left:10px; margin-right:1px;}
.info_img_list1 li .img_con{ width:380px; height:285px;float:left; }
.info_img_list1 li .img_con img{ width:380px; height:285px;cursor: pointer;  transition: all 0.6s;}
.info_img_list1 li .img_con img:hover{  width:380px; height:285px;transform: scale(0.98);}
.info_img_list1 li .img_txt1{ width:380px; height:141px; float:left;}
.info_img_list1 li .img_txt1 .newz11 a{ height:25px; line-height:25px; font-size:14px;color:#4ab344;width:350px; float:left;}
.info_img_list1 li .img_txt1 .newz31 a{ font-size:12px;color:#636363;width:380px; line-height:120%;float:left;}
.info_img_list1 li .img_txt1 .newz21{ font-size:14px;color:#111111;width:80px;height:25px; line-height:25px; text-align:left; float:left}

/*文字简介新闻调取样式*/
.info_des_list{width:100%; height:100%; margin-left:150px;}
.info_des_list ul{ width:470px; height:100%}
.info_des_list ul li{ width:470px; height:90px; float:left; margin-bottom:10px;}
.info_des_list ul li .des_txt{ width:470px; height:90px;}
.info_des_list ul li .des_txt .newz1_des a{ width:400px; height:30px; float:left;line-height:30px; font-size:13px;color:#7b7b7b;}
.info_des_list ul li .des_txt .newz2_des{ width:70px; height:30px; float:left;font-size:12px;color:#636363;line-height:250%;}
.info_des_list ul li .des_txt .newz3_des a{ width:470px; height:60px; float:left;font-size:12px;color:#636363;}

/*文字简介新闻调取样式------时间特效*/
.info_time_des_list{}
.info_time_des_list{width:100%; height:100%;}
.info_time_des_list ul{ width:700px; height:100%; margin-top:5px;}
.info_time_des_list ul li{ width:698px; height:129px; float:left;margin-bottom:10px; margin-top:10px;float:left; background-color:#FFF; border:#CCC 1px solid}
.info_time_des_list ul li .time_des{  width:668px; height:99px; padding:15px;}
.info_time_des_list ul li:hover .time_des,.info_time_des_list ul li:hover .time_des_time,.info_time_des_list ul li:hover .time_des_txt,.info_time_des_list ul li:hover .time_des_time .time_day{ background-color:#04A82B;}
.info_time_des_list ul li .time_des .time_des_time{width:100px; height:99px;float:left; border-right:1px #eee solid;}
.info_time_des_list ul li .time_des .time_des_time .time_day{width:100px; height:59px; font-size:59px; line-height:59px; color:#666; font-weight:400; text-align:center; }
.info_time_des_list ul li .time_des .time_des_time .time_year_moth{width:100px; height:40px;font-size:14px; line-height:40px; color:#666; font-weight:400; text-align:center}
.info_time_des_list ul li:hover .time_des .time_des_time .time_year_moth{ color:#fff}
.info_time_des_list ul li:hover .time_des .time_des_time .time_day{ color:#fff}
.info_time_des_list ul li:hover .time_des .time_des_time{ color:#fff}
.info_time_des_list ul li .time_des .time_des_txt{width:550px; height:99px;float:left;margin-left:17px;}
.info_time_des_list ul li .time_des .time_des_txt .time_title{width:550px; height:30px;font-size:14px; color:#666}
.info_time_des_list ul li .time_des .time_des_txt .time_title a{width:550px; height:30px;font-size:14px; color:#666}
.info_time_des_list ul li .time_des .time_des_txt .time_des1{width:550px; height:69px; line-height:34px;font-size:12px;color:#a8a5a5}
.info_time_des_list ul li .time_des .time_des_txt .time_des1 a{width:550px; height:69px; line-height:34px;font-size:12px;color:#a8a5a5}
.info_time_des_list ul li:hover .time_des .time_des_txt .time_title a{color:#fff}
.info_time_des_list ul li:hover .time_des .time_des_txt .time_des1 a{color:#fff}


.current_nav ul{ width:213px; height:100%; margin-left:35px;}
.current_nav ul li{ width:213px;height:31px;line-height:31px;float:left;list-style:none;text-align:left;}
.current_nav ul li a{ width:213px;height:31px;line-height:31px; text-align:left;float:left;color:#212121}
.current_nav ul li a:hover{color:#212121}
/*当前位置CSS*/
.lf_current ul{height:50px;line-height:50px; }
.lf_current ul li{ height:50px;line-height:50px; margin-left:5px; margin-right:5px; float:right; }
.lf_current ul li a{ color:#999}

/*新闻列表样式设置*/
#news_nei_list{ width:100%; min-height:500px; text-align:center}
#news_nei_list li{ width:100%; height:120px;background:#fdfdfd;border:1px solid #eee;position:relative; margin-bottom:10px;}
#news_nei_list li:hover{background:#f7f7f7 url(../images/8xs/bg5.gif);}
#news_nei_list li:hover .left_xinxi a{ color:#03C}

#news_nei_list li .left_xinxi{ width:80%;position:absolute; right:10px; top:10px;}
#news_nei_list li .left_xinxi a{ font-size:15px; line-height:35px; color:#333;}
#news_nei_list li .left_xinxi span{ font-size:13px; line-height:24px; color: #999}

#news_nei_list li .left_img ,#news_nei_list li .left_time{clear: both;float:none;height:100px;color:#888;font-size:1em;position:relative; left:10px; top:10px;}
#news_nei_list li .left_img img{height:100%;border-radius: 5px;}

#news_nei_list li .left_time div{background-color:#06C;border-radius: 5px; position:absolute;  width:100px;}
#news_nei_list li .left_time div .left_time_day{ height:70px; font-size:42px; font-weight:bold; line-height:70px; border-bottom:1px solid #FFF; text-align:center; color:#FFF}
#news_nei_list li .left_time div .left_time_year_month{  height:30px; font-size:16px; line-height:30px; text-align:center; color:#FFF}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{font-size:18px; font-weight:400; line-height:30px; padding-left:20px; padding-bottom:15px;}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../kefu/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}



